<!-- Do NOT put any DOCTYPE here unless you want problems in IEs. -->
<html class="x-border-box x-quirks"><head>
<!-- The following line defines content type and utf-8 as character set. -->
<!-- If you want your application to work flawlessly with various local -->
<!-- characters, just make ALL strings, on the page, json and database utf-8. -->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<!-- Ext relies on its default css so include it here. -->
<!-- This must come BEFORE javascript includes! -->
<link rel="stylesheet" type="text/css" href="listed_files/ext-all.css">

<!-- 3rd party css -->

<!-- Include here your own css files if you have them. -->

<!-- First of javascript includes must be an adapter... -->
<script type="text/javascript" src="listed_files/ext-base.html"></script>

<!-- ...then you need the Ext itself, either debug or production version. -->
<script type="text/javascript" src="listed_files/ext-all-debug.js"></script>


<!-- Main js program -->


<!-- Set a title for the page (id is not necessary). -->
<title>  </title>

<!-- You can have onReady function here or in your application file. -->
<!-- If you have it in your application file delete the whole -->
<!-- following script tag as we must have only one onReady. -->
<script type="text/javascript">
// Path to the blank image must point to a valid location on your server
Ext.BLANK_IMAGE_URL = '/static/static/ext-4.2.0.663/resources/images/default/s.gif';
</script>

 
	<script type="text/javascript">
	Ext.onReady(function(){ 
        Ext.define('GModel', {
        extend: 'Ext.data.Model',
        fields:["id", "cod_contact", "nom_contact", "tel_contact"]
        });
        
        var GStore = Ext.create('Ext.data.Store', {
        model: GModel,
        autoLoad: true,
        pageSize: 10,
        proxy: {
            type: 'ajax',
            url : '/listed/liste_data',
            reader: {
                type: 'json',
                root: 'rows',
                totalProperty: 'total'
                }
            }
        });
        Ext.create('Ext.grid.Panel', {
        renderTo: Ext.getBody(),store: GStore,width: 800,height: 300,title: 'Nouvelle Grille Auto',columns:[{"hideable": true, "name": "id", "text": "Id", "width": 50, "dataIndex": "id", "hidden": false},{"hideable": true, "name": "cod_contact", "text": "Code", "width": 100, "dataIndex": "cod_contact", "hidden": false},{"hideable": true, "name": "nom_contact", "text": "Nom", "width": 200, "dataIndex": "nom_contact", "hidden": false},{"hideable": true, "name": "tel_contact", "text": "Telephone", "width": 200, "dataIndex": "tel_contact", "hidden": false} ]});
        });
         
	</script>


</head>

<body id="ext-gen1018" class="x-body x-gecko x-linux">
 

<div id="hidden-csrf" class="x-hidden">
<div style="display:none"><input name="csrfmiddlewaretoken" value="CKFQ1WOx9cF2g7RYMsPFnBJCS4SnJbFg" type="hidden"></div>
</div>




<div class="x-panel x-grid-with-row-lines x-panel-default x-grid" style="width:800px;height:300px;" id="gridpanel-1009"><div style="right: auto; left: 0px; top: 0px; width: 800px;" class="x-panel-header x-header x-header-horizontal x-docked x-unselectable x-panel-header-default x-horizontal x-panel-header-horizontal x-panel-header-default-horizontal x-top x-panel-header-top x-panel-header-default-top x-docked-top x-panel-header-docked-top x-panel-header-default-docked-top" id="gridpanel-1009_header"><div style="width: 788px;" id="gridpanel-1009_header-body" class="x-header-body x-panel-header-body x-panel-header-body-default x-panel-header-body-horizontal x-panel-header-body-default-horizontal x-panel-header-body-top x-panel-header-body-default-top x-panel-header-body-docked-top x-panel-header-body-default-docked-top x-box-layout-ct x-panel-header-body-default-horizontal x-panel-header-body-default-top x-panel-header-body-default-docked-top"><div style="width: 788px; height: 16px;" id="gridpanel-1009_header-innerCt" class="x-box-inner " role="presentation"><div style="width: 788px;" id="gridpanel-1009_header-targetEl" class="x-box-target"><div style="right: auto; left: 0px; top: 0px; margin: 0px; width: 788px;" class="x-component x-header-text-container x-panel-header-text-container x-panel-header-text-container-default x-box-item x-component-default" unselectable="on" id="gridpanel-1009_header_hd"><span id="gridpanel-1009_header_hd-textEl" class="x-header-text x-panel-header-text" unselectable="on">Nouvelle Grille Auto</span></div></div></div></div></div><div class="x-grid-header-ct x-docked x-grid-header-ct-default x-docked-top x-grid-header-ct-docked-top x-grid-header-ct-default-docked-top x-box-layout-ct" style="border-width: 1px; right: auto; left: 0px; top: 25px; width: 800px;" id="headercontainer-1010"><div style="width: 566px; height: 23px;" id="headercontainer-1010-innerCt" class="x-box-inner " role="presentation"><div style="width: 566px;" id="headercontainer-1010-targetEl" class="x-box-target"><div class="x-column-header x-column-header-align-left x-box-item x-column-header-default x-unselectable x-column-header-first" style="border-width: 1px; width: 50px; height: auto; right: auto; left: 0px; top: 0px; margin: 0px;" id="gridcolumn-1011"><div style="padding-top: 5px; padding-bottom: 6px;" id="gridcolumn-1011-titleEl" class="x-column-header-inner"><span id="gridcolumn-1011-textEl" class="x-column-header-text">Id</span><div id="gridcolumn-1011-triggerEl" class="x-column-header-trigger"></div></div></div><div class="x-column-header x-column-header-align-left x-box-item x-column-header-default x-unselectable" style="border-width: 1px; width: 100px; height: auto; right: auto; left: 50px; top: 0px; margin: 0px;" id="gridcolumn-1012"><div style="padding-top: 5px; padding-bottom: 6px;" id="gridcolumn-1012-titleEl" class="x-column-header-inner"><span id="gridcolumn-1012-textEl" class="x-column-header-text">Code</span><div id="gridcolumn-1012-triggerEl" class="x-column-header-trigger"></div></div></div><div class="x-column-header x-column-header-align-left x-box-item x-column-header-default x-unselectable" style="border-width: 1px; width: 200px; height: auto; right: auto; left: 150px; top: 0px; margin: 0px;" id="gridcolumn-1013"><div style="padding-top: 5px; padding-bottom: 6px;" id="gridcolumn-1013-titleEl" class="x-column-header-inner"><span id="gridcolumn-1013-textEl" class="x-column-header-text">Nom</span><div id="gridcolumn-1013-triggerEl" class="x-column-header-trigger"></div></div></div><div class="x-column-header x-column-header-align-left x-box-item x-column-header-default x-unselectable x-column-header-last" style="border-width: 1px; width: 200px; height: auto; right: auto; left: 350px; top: 0px; margin: 0px;" id="gridcolumn-1014"><div style="padding-top: 5px; padding-bottom: 6px;" id="gridcolumn-1014-titleEl" class="x-column-header-inner"><span id="gridcolumn-1014-textEl" class="x-column-header-text">Telephone</span><div id="gridcolumn-1014-triggerEl" class="x-column-header-trigger"></div></div></div></div></div></div><div style="width: 800px; height: 251px; left: 0px; top: 49px;" id="gridpanel-1009-body" class="x-panel-body x-grid-body x-panel-body-default x-layout-fit x-panel-body-default"><div tabindex="-1" style="overflow: auto; margin: 0px; width: 798px; height: 249px;" class="x-grid-view x-fit-item x-grid-view-default x-unselectable" id="gridview-1015"><table id="gridview-1015-table" class="x-gridview-1015-table x-grid-table" style="width: 550px;" tabindex="-1" border="0" cellpadding="0" cellspacing="0"><colgroup><col class="x-grid-cell-gridcolumn-1011" style="width:50px"></colgroup><colgroup><col class="x-grid-cell-gridcolumn-1012" style="width:100px"></colgroup><colgroup><col class="x-grid-cell-gridcolumn-1013" style="width:200px"></colgroup><colgroup><col class="x-grid-cell-gridcolumn-1014" style="width:200px"></colgroup><tbody id="gridview-1015-body"><tr id="gridview-1015-record-1" data-boundview="gridview-1015" data-recordid="1" data-recordindex="0" class="x-grid-row  x-grid-data-row" tabindex="-1"><td class="x-grid-cell x-grid-td x-grid-cell-gridcolumn-1011 x-grid-cell-first x-unselectable "><div unselectable="on" class="x-grid-cell-inner" style="text-align:left;">1</div></td><td class="x-grid-cell x-grid-td x-grid-cell-gridcolumn-1012 x-unselectable "><div unselectable="on" class="x-grid-cell-inner" style="text-align:left;">COD01</div></td><td class="x-grid-cell x-grid-td x-grid-cell-gridcolumn-1013 x-unselectable "><div unselectable="on" class="x-grid-cell-inner" style="text-align:left;">Nom contact 01</div></td><td class="x-grid-cell x-grid-td x-grid-cell-gridcolumn-1014 x-grid-cell-last x-unselectable "><div unselectable="on" class="x-grid-cell-inner" style="text-align:left;">06000001</div></td></tr><tr id="gridview-1015-record-2" data-boundview="gridview-1015" data-recordid="2" data-recordindex="1" class="x-grid-row x-grid-row-alt x-grid-data-row" tabindex="-1"><td class="x-grid-cell x-grid-td x-grid-cell-gridcolumn-1011 x-grid-cell-first x-unselectable "><div unselectable="on" class="x-grid-cell-inner" style="text-align:left;">2</div></td><td class="x-grid-cell x-grid-td x-grid-cell-gridcolumn-1012 x-unselectable "><div unselectable="on" class="x-grid-cell-inner" style="text-align:left;">COD02</div></td><td class="x-grid-cell x-grid-td x-grid-cell-gridcolumn-1013 x-unselectable "><div unselectable="on" class="x-grid-cell-inner" style="text-align:left;">Nom contact 02</div></td><td class="x-grid-cell x-grid-td x-grid-cell-gridcolumn-1014 x-grid-cell-last x-unselectable "><div unselectable="on" class="x-grid-cell-inner" style="text-align:left;">06000002</div></td></tr><tr id="gridview-1015-record-3" data-boundview="gridview-1015" data-recordid="3" data-recordindex="2" class="x-grid-row  x-grid-data-row" tabindex="-1"><td class="x-grid-cell x-grid-td x-grid-cell-gridcolumn-1011 x-grid-cell-first x-unselectable "><div unselectable="on" class="x-grid-cell-inner" style="text-align:left;">3</div></td><td class="x-grid-cell x-grid-td x-grid-cell-gridcolumn-1012 x-unselectable "><div unselectable="on" class="x-grid-cell-inner" style="text-align:left;">COD03</div></td><td class="x-grid-cell x-grid-td x-grid-cell-gridcolumn-1013 x-unselectable "><div unselectable="on" class="x-grid-cell-inner" style="text-align:left;">Nom contact 03</div></td><td class="x-grid-cell x-grid-td x-grid-cell-gridcolumn-1014 x-grid-cell-last x-unselectable "><div unselectable="on" class="x-grid-cell-inner" style="text-align:left;">06000003</div></td></tr><tr id="gridview-1015-record-4" data-boundview="gridview-1015" data-recordid="4" data-recordindex="3" class="x-grid-row x-grid-row-alt x-grid-data-row" tabindex="-1"><td class="x-grid-cell x-grid-td x-grid-cell-gridcolumn-1011 x-grid-cell-first x-unselectable "><div unselectable="on" class="x-grid-cell-inner" style="text-align:left;">4</div></td><td class="x-grid-cell x-grid-td x-grid-cell-gridcolumn-1012 x-unselectable "><div unselectable="on" class="x-grid-cell-inner" style="text-align:left;">COD04</div></td><td class="x-grid-cell x-grid-td x-grid-cell-gridcolumn-1013 x-unselectable "><div unselectable="on" class="x-grid-cell-inner" style="text-align:left;">Nom contact 04</div></td><td class="x-grid-cell x-grid-td x-grid-cell-gridcolumn-1014 x-grid-cell-last x-unselectable "><div unselectable="on" class="x-grid-cell-inner" style="text-align:left;">06000004</div></td></tr><tr id="gridview-1015-record-5" data-boundview="gridview-1015" data-recordid="5" data-recordindex="4" class="x-grid-row  x-grid-data-row" tabindex="-1"><td class="x-grid-cell x-grid-td x-grid-cell-gridcolumn-1011 x-grid-cell-first x-unselectable "><div unselectable="on" class="x-grid-cell-inner" style="text-align:left;">5</div></td><td class="x-grid-cell x-grid-td x-grid-cell-gridcolumn-1012 x-unselectable "><div unselectable="on" class="x-grid-cell-inner" style="text-align:left;">COD05</div></td><td class="x-grid-cell x-grid-td x-grid-cell-gridcolumn-1013 x-unselectable "><div unselectable="on" class="x-grid-cell-inner" style="text-align:left;">Nom contact 05</div></td><td class="x-grid-cell x-grid-td x-grid-cell-gridcolumn-1014 x-grid-cell-last x-unselectable "><div unselectable="on" class="x-grid-cell-inner" style="text-align:left;">06000005</div></td></tr><tr id="gridview-1015-record-6" data-boundview="gridview-1015" data-recordid="6" data-recordindex="5" class="x-grid-row x-grid-row-alt x-grid-data-row" tabindex="-1"><td class="x-grid-cell x-grid-td x-grid-cell-gridcolumn-1011 x-grid-cell-first x-unselectable "><div unselectable="on" class="x-grid-cell-inner" style="text-align:left;">6</div></td><td class="x-grid-cell x-grid-td x-grid-cell-gridcolumn-1012 x-unselectable "><div unselectable="on" class="x-grid-cell-inner" style="text-align:left;">COD06</div></td><td class="x-grid-cell x-grid-td x-grid-cell-gridcolumn-1013 x-unselectable "><div unselectable="on" class="x-grid-cell-inner" style="text-align:left;">Nom contact 06</div></td><td class="x-grid-cell x-grid-td x-grid-cell-gridcolumn-1014 x-grid-cell-last x-unselectable "><div unselectable="on" class="x-grid-cell-inner" style="text-align:left;">06000006</div></td></tr><tr id="gridview-1015-record-7" data-boundview="gridview-1015" data-recordid="7" data-recordindex="6" class="x-grid-row  x-grid-data-row" tabindex="-1"><td class="x-grid-cell x-grid-td x-grid-cell-gridcolumn-1011 x-grid-cell-first x-unselectable "><div unselectable="on" class="x-grid-cell-inner" style="text-align:left;">7</div></td><td class="x-grid-cell x-grid-td x-grid-cell-gridcolumn-1012 x-unselectable "><div unselectable="on" class="x-grid-cell-inner" style="text-align:left;">COD07</div></td><td class="x-grid-cell x-grid-td x-grid-cell-gridcolumn-1013 x-unselectable "><div unselectable="on" class="x-grid-cell-inner" style="text-align:left;">Nom contact 07</div></td><td class="x-grid-cell x-grid-td x-grid-cell-gridcolumn-1014 x-grid-cell-last x-unselectable "><div unselectable="on" class="x-grid-cell-inner" style="text-align:left;">06000007</div></td></tr><tr id="gridview-1015-record-8" data-boundview="gridview-1015" data-recordid="8" data-recordindex="7" class="x-grid-row x-grid-row-alt x-grid-data-row" tabindex="-1"><td class="x-grid-cell x-grid-td x-grid-cell-gridcolumn-1011 x-grid-cell-first x-unselectable "><div unselectable="on" class="x-grid-cell-inner" style="text-align:left;">8</div></td><td class="x-grid-cell x-grid-td x-grid-cell-gridcolumn-1012 x-unselectable "><div unselectable="on" class="x-grid-cell-inner" style="text-align:left;">COD08</div></td><td class="x-grid-cell x-grid-td x-grid-cell-gridcolumn-1013 x-unselectable "><div unselectable="on" class="x-grid-cell-inner" style="text-align:left;">Nom contact 08</div></td><td class="x-grid-cell x-grid-td x-grid-cell-gridcolumn-1014 x-grid-cell-last x-unselectable "><div unselectable="on" class="x-grid-cell-inner" style="text-align:left;">06000008</div></td></tr><tr id="gridview-1015-record-9" data-boundview="gridview-1015" data-recordid="9" data-recordindex="8" class="x-grid-row  x-grid-data-row" tabindex="-1"><td class="x-grid-cell x-grid-td x-grid-cell-gridcolumn-1011 x-grid-cell-first x-unselectable "><div unselectable="on" class="x-grid-cell-inner" style="text-align:left;">9</div></td><td class="x-grid-cell x-grid-td x-grid-cell-gridcolumn-1012 x-unselectable "><div unselectable="on" class="x-grid-cell-inner" style="text-align:left;">COD09</div></td><td class="x-grid-cell x-grid-td x-grid-cell-gridcolumn-1013 x-unselectable "><div unselectable="on" class="x-grid-cell-inner" style="text-align:left;">Nom contact 09</div></td><td class="x-grid-cell x-grid-td x-grid-cell-gridcolumn-1014 x-grid-cell-last x-unselectable "><div unselectable="on" class="x-grid-cell-inner" style="text-align:left;">06000009</div></td></tr><tr id="gridview-1015-record-10" data-boundview="gridview-1015" data-recordid="10" data-recordindex="9" class="x-grid-row x-grid-row-alt x-grid-data-row" tabindex="-1"><td class="x-grid-cell x-grid-td x-grid-cell-gridcolumn-1011 x-grid-cell-first x-unselectable "><div unselectable="on" class="x-grid-cell-inner" style="text-align:left;">10</div></td><td class="x-grid-cell x-grid-td x-grid-cell-gridcolumn-1012 x-unselectable "><div unselectable="on" class="x-grid-cell-inner" style="text-align:left;">COD10</div></td><td class="x-grid-cell x-grid-td x-grid-cell-gridcolumn-1013 x-unselectable "><div unselectable="on" class="x-grid-cell-inner" style="text-align:left;">Nom contact 10</div></td><td class="x-grid-cell x-grid-td x-grid-cell-gridcolumn-1014 x-grid-cell-last x-unselectable "><div unselectable="on" class="x-grid-cell-inner" style="text-align:left;">06000010</div></td></tr></tbody></table></div></div></div><div id="ext-gen1042" class="x-mask" style="z-index: 18999; width: 798px; height: 249px; right: auto; left: 1px; top: 50px; visibility: hidden;"></div><div style="right: auto; left: 355px; top: 159px; z-index: 19001; display: none;" class="x-mask-msg x-layer x-mask-msg-default" id="loadmask-1016"><div id="loadmask-1016-msgEl" class=" x-mask-msg-inner"><div id="loadmask-1016-msgTextEl" class="x-mask-msg-text">Loading...</div></div></div></body></html>